<template>
  <div class="as">
    <div class="xinxi">明星教师</div>
    <el-row :gutter="20">
      <el-table
        ref="multipleTable"
        :data="myarr"
        style="width: 100%; padding-left: 30px"
      >
        <el-table-column label="教师头像" align="center" width="180">
          <template>
            <img src="@/assets/img/main-jiaoshi.png" alt="">
          </template> 
          </el-table-column>
          <el-table-column
          prop="wechat"
          label="姓名"
          width="150"
          align="center"
        />
          <el-table-column label="简介" align="center" width="160">
          <template>
            <span>英语外教</span>
          </template>
        </el-table-column>
        <el-table-column label="上传人" align="center" width="160">
          <template>
            <span>Daisy</span>
          </template>
        </el-table-column>
      </el-table>
    </el-row>
  </div>
</template>

<script>
export default {
  props: ["myarr"],
  data() {
    return {
      contractType2: false,
      multipleSelection: [], // 就是双向绑定checkbox  集合数组
    };
  }
};
</script>
<style lang="scss"  scoped>
.xinxi{
  line-height: 50px;
  padding-left: 30px;
  position: relative;
  &::before {
        content: '';
        position: absolute;
        width: 4px;
        height: 20px;
        background: #3e8dca;
        left: 15px;
        top: 15px;
        border-radius: 2px;
      }
}
</style>